<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="交流群：383432579">
    <meta name="keywords" content="交流群：383432579">
    <meta name="description" content="交流群：383432579">
    <title>交流群：383432579</title>
    <link rel="shortcut icon" href="#" type="image/x-icon">
    <link rel='dns-prefetch' href='//apps.bdimg.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="黑糖主题 &raquo; 黑糖丨主题开发设计的小分享！评论Feed" href="#" />
<link rel='stylesheet' id='style-css'  href='/static/css/style.css?ver=1.0.0' type='text/css' media='all' />
<link rel='stylesheet' id='PrismCss-css'  href='/static/css/prism.css?ver=1.5.0' type='text/css' media='all' />
<link rel='stylesheet' id='owlcss-css'  href='/static/css/owl.carousel.min.css?ver=1.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='FancyboxCss-css'  href='/static/jquery.fancybox.min.css?ver=2.1.4' type='text/css' media='all' />
<link rel="canonical" href="#" />
<link rel='shortlink' href='http://heitang.chuangzaoshi.com/?p=24' />
    <style type="text/css">
                .post-meta-categories, .custom-carousel, .custom-carousel .owl-prev, .custom-carousel .owl-next, .site-record:hover, .header-menu li a:hover, .post .post-title a:hover, #footer .footer-friends li a span:hover, #footer .footer-feature .footer-menu li a:hover, .widget-hotpost a:hover, .article-body a, .article-like .done, .comments .comments-list .comment .comment-body .comment-user a, .comments .comments-list .comment .children .comment-user a, #comment-nav-below .nav-inside .current, .widget-hotpost-brief i, .archive-header .archive-header-title{ color: #171717;}
.admin-login a:hover, .carousel-info-meta .carousel-info-category, .tagcloud a:hover, .calendar_wrap table td a, .article-meta .article-meta-tags a, .article-support .article-support-button a, .comments #respond .form-submit input{background-color: #171717;}
.article-body h2, .article-body h3 {border-left: 5px solid #171717;}.admin-login a:hover, .article-like .done{border: 1px solid #171717 ;}.page-category-img:after{background: #171717;opacity: 0.8;}   </style>
    <script>
        var carouselSwitcher = "1";
        var carouselType = "image";
        var carouselOpacity = "10";
        var carouselSpeed = 3000;
        var carouselAnimateSpeed = 600;
        var carouselAnimation = "slide";
        var carouselMouseSwitcher = "";
        var siteUrl = "http://heitang.chuangzaoshi.com";
        var imgUrl = "http://heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/assets/images";
        var fancyboxSwitcher = "1";
        var isHomePage = "";
        var pagType = "infinite";
        var layoutType = "dcolumn";
        var themeUrl = "http://heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5";
    </script>

<!--    <base target="_blank">-->
</head>
<body class="post-template-default single single-post postid-24 single-format-standard">
<header id="header">
    <nav class="container">
        <div class="logo hidden-sm">
            <a href="#" class="d-block">
                <img src="/static/img/logo.png" alt="">
            </a>
        </div>
        <div class="mobile-logo show-sm">
            <a href="#" class="d-inline-block">
                <img src="/static/img/logo_mobile.png" alt="">
            </a>
        </div>
                <div class="header-menu-wrap clear">
            <ul id="menu-%e5%af%bc%e8%88%aa%e8%8f%9c%e5%8d%95" class="header-menu"><li id="menu-item-51" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-51"><a href="#">发现</a>
<ul class="sub-menu child-menu depth_0 ">
    <li id="menu-item-54" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-54"><a href="#"><i class="czs-microchip"></i>智能硬件</a></li>
    <li id="menu-item-83" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-83"><a href="#"><i class="czs-cup"></i>最新资讯</a></li>
</ul>
</li>
<li id="menu-item-52" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-52"><a href="#">创意</a></li>
<li id="menu-item-53" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-53"><a href="#">科技</a></li>
<li id="menu-item-55" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55"><a target="_blank" href="#"><i class="czs-buy"></i>购买主题</a></li>
<li id="menu-item-56" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-56"><a href="#">安装</a>
<ul class="sub-menu child-menu depth_0 ">
    <li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-57"><a href="#"><i class="czs-read-l"></i>黑糖手册</a></li>
    <li id="menu-item-58" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58"><a target="_blank" href="#"><i class="czs-caomei"></i>草莓图标</a></li>
</ul>
</li>
<li id="menu-item-59" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-59"><a target="_blank" href="#"><i class="czs-diamond-l"></i>主题订制</a></li>
<li id="menu-item-296" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-296"><a target="_blank" href="#"><i class="czs-gift-l"></i>黑镜主题</a></li>
</ul>        </div>
                    <div class="admin-login hidden-sm">
                <a href="#" target="_blank" class="btn-line btn-line-geek">
                                            登录                                    </a>
            </div>
                <div class="search-button cursor-pointer">
            <i class="czs-search-l"></i>
            <span class="d-inline-block transition opacity-0"><i class="czs-close-l"></i></span>
        </div>
        <div class="menu-button">
            <div class="nav-bar">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </nav>
    <div class="menu-wrap show-xs">
        <div class="mobile-menu">
            <ul id="menu-%e5%af%bc%e8%88%aa%e8%8f%9c%e5%8d%95-1" class="mobile-menu-nav"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-51"><a href="#">发现</a>
<ul class="sub-menu child-menu depth_0 ">
    <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-54"><a href="#"><i class="czs-microchip"></i>智能硬件</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-83"><a href="#"><i class="czs-cup"></i>最新资讯</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-52"><a href="#">创意</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-53"><a href="#">科技</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55"><a target="_blank" href="#"><i class="czs-buy"></i>购买主题</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-56"><a href="#">安装</a>
<ul class="sub-menu child-menu depth_0 ">
    <li class="menu-item menu-item-type-post_type menu-item-object-post menu-item-57"><a href="#"><i class="czs-read-l"></i>黑糖手册</a></li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58"><a target="_blank" href="#"><i class="czs-caomei"></i>草莓图标</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-59"><a target="_blank" href="#"><i class="czs-diamond-l"></i>主题订制</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-296"><a target="_blank" href="#"><i class="czs-gift-l"></i>黑镜主题</a></li>
</ul>       </div>
                    <div class="mobile-admin-login text-center mt-3">
                <a href="#" target="_blank" class="btn-line btn-line-geek">
                                            登录                                  </a>
            </div>
            </div>
</header>
<div class="search-wrap transition">
    <div class="container">
        <div class="row">
            <form role="search" method="get" action="http://heitang.chuangzaoshi.com/" class="header-search">
                <input data-url="Q0JPT0I=" type="search" name="s" title="Search" placeholder="搜索..." value="" >
            </form>
        </div>
    </div>
</div>

</body><main class="container pt-xs-6" id="pjax-content">
    <div class="row">
    <div class="col-md-8">
        <div class="row" id="main">
                                <article class="article " id="post-24">
                        <div class="article-img">
                            <img src="/static/img/A-3.png">
                        </div>
                        <div class="article-title">
                            <a href="#">
                                黑糖丨主题开发设计的小分享！                          </a>
                        </div>
                        <div class="article-meta">
                            <span class="article-meta-time">
                                2017.05.15                          </span>
                            <i class="czs-bookmark-l"></i>
                            <a href="#" rel="category">创意</a> <a href="#" rel="category">硬件</a> <a href="#" rel="category">科技</a> <a href="#" rel="category">设计</a>&nbsp;
                            <i class="czs-heart-l"></i>
                            <span class="count">
                                                                    19                                                            </span>&nbsp;
                            <i class="czs-comment-l"></i>
                            <a href="#" class="article-meta-comment" >1 </a>                            <i class="czs-eye-l"></i> 2559&nbsp;
                            <!-- user edit -->
                                                        <!-- baidu push -->
                                                        <div class="article-meta-tags">
                                 <a href="#" rel="tag">AI智能</a> <a href="#" rel="tag">Apple</a> <a href="#" rel="tag">UIkit</a> <a href="#" rel="tag">创意工作者</a> <a href="#" rel="tag">商业</a> <a href="#" rel="tag">应用</a> <a href="#" rel="tag">插件</a> <a href="#" rel="tag">模板素材</a> <a href="#" rel="tag">游戏</a> <a href="#" rel="tag">虚拟现实</a> <a href="#" rel="tag">黑糖主题</a>                         </div>
                        </div>
                        <div class="article-body">
                            <h3>简介</h3>
<p>黑糖(BlackCandy)是<a href="#">创造狮</a>最新开发的一款主题，得益于WordPress这个成熟的平台，整个开发非常的顺利，各种功能实现方法的教程在网上也是层出不穷。主题经过了多次的内部的打磨，我们对于主题的开发也越来越成熟。还是想分享一些主题开发和设计给大家。</p>
<h3><strong>开发</strong></h3>
<p>WordPress自身的插件很多，基于jquery的插件也很多。但是如果实现的功能全部都用插件解决，那这个主题得多臃肿。所以为了做出一个”清爽”的主题，几乎所有的功能模块都是纯手写代码加不断的调试而不断优化。像侧边栏的固定功能，当页面滑到一定高度，那侧边栏就固定在右边顶部。可是这时你会发现如果侧边栏太长，底部滚动上来时，就会和侧边栏重合在一起了。这时候就要考虑到底部上来时，侧边栏得随着滚动条而动了。这些都是不难实现的，从而提高了用户的使用习惯。如果使用插件的话更是不在话下。我们希望所有的代码是为黑糖主题量身定做的，因此就要结合主题的实际效果而不断完善代码。<br />
CSS的话，语法简单，也很容易写。当代码增多时，那密密麻麻的css简直让人眼花缭乱。因此建议sass，less，stylus这些css框架就很有必要去采用了。对于sass，写的时候根据不同模块分开来写，最后一个命令把他编译成一style.css文件。这样既容易管理也容易修改，何乐而不为呢。<br />
还有一个，对于开发者来说。写代码很需要一个好的编辑器或ide。这里推荐Sublime，atom，vscode这三个编辑器，即美观又优雅，特别是sublime，启动速度极快。不过，开发WordPress主题还是推荐jetbrains家的phpstorm。我觉得一个好的ide对于开发效率的提高还是十分明显的。</p>
<p>最后，就是安心的学习PHP编程语言，前端HTML、CSS、JavaScript。同样希望你成为一个优秀的开发者。</p>
<h3><strong>设计</strong></h3>
<p>这次的黑糖2.0UI，使用的是Adobe出品UI的原型图设计软件AdobeXD (Adobe Experience Design)设计的。LOGO则使用的是Adobe Illustrator。其次产品的设计定位，黑糖定位是一个自媒体、科技爱好者、数码以及APP应用测评、创意工作者、以及极客的资讯站点，初期参考于少数派，最美应用，36Kr等科技资讯的网站布局，采用了以黑色为主色系，轻卡片式的设计，尽量体现简约、扁平。主题整体的风格和设计细节都极具黑糖特色。我们也单独为网站设计了个LOGO和字体。目前黑糖的一群小伙伴，在QQ群给了我们很多好的建议和意见，黑糖的风格设计细节也不断的优化。黑糖也一直不断的进化，我们希望未来通过对主题持续的更新，逐步提升到完美的使用效果。希望你能够真正的喜欢。1.5x系列版本我们对黑糖主题在速度、性能、功能板块和一些小细节上进行大的优化。也进行了黑糖一年以来从1.0到2.0的全新界面和功能的升级。黑糖用户均免费享受这一福利。</p>
<h3><strong>寄语</strong></h3>
<p>制作主题也要投入很大的时间和精力去构思以及一步步的完善。黑糖的价格相比于目前国内和国外的主题非常的优惠，<strong>我们始终会保持物美价廉的方案福利于广大的WP爱好者</strong>，也同时真诚的希望大家支持正版，毕竟这个价格已经非常的实惠。</p>
<h3></h3>
<h3>One more thing</h3>
<p>也欢迎大家访问创造狮导航，为创意工作者设计的一个导航。或许在设计和开发的路上能够帮助到你！</p>
<p>→ <a href="#" target="_blank" rel="noopener noreferrer">创造狮导航</a>  http://chuangzaoshi.com/</p>
                        </div>
                        <!-- advertisement -->
                                                <!-- copyright -->
                                                    <p class="article-copyright">
                                转载原创文章请注明，转载自:
                                <a href="#">
                                    黑糖主题                                </a> -
                                <a href="#">
                                    黑糖丨主题开发设计的小分享！                                </a>
                                (http://heitang.chuangzaoshi.com/?p=24)
                            </p>
                                                                            <div class="article-support">
                                <div class="article-support-title">
                                    「如果你觉得对你有用，欢迎点击下方按钮对我打赏」                                </div>
                                <div class="article-support-img">
                                    <div class="article-support-zhifubao">
                                        <img src="http://heitang.chuangzaoshi.com/wp-content/themes/BlackCandy-V2.0/assets/images/zhifubao_qrcode.png">
                                        <div class="article-support-img-title">
                                            支付宝支付
                                        </div>
                                    </div>
                                    <div class="article-support-wechat">
                                        <img src="http://heitang.chuangzaoshi.com/wp-content/themes/BlackCandy-V2.0/assets/images/wechat_qrcode.png">
                                        <div class="article-support-img-title">
                                            微信支付
                                        </div>
                                    </div>
                                </div>
                                <div class="article-support-button">
                                    <a class="btn">赞赏</a>
                                </div>
                            </div>
                                                <!-- like -->
                                                    <div class="article-like">
                                <a href="#" data-action="ding" data-id="24" class="favorite">
                                                                            <i class="czs-heart-l"></i>
                                                                        <span class="count">
                                                                            19                                                                  </span>
                                </a>
                            </div>
                                                <!-- share -->
                                                    <div class="article-share">
                                <span class="article-share-title">
                                    分享到:
                                </span>
                                <span class="bdsharebuttonbox d-inline-block">
                                        <a href="#" class="bds_weixin czs-weixin" data-cmd="weixin" title="分享到微信"></a>
                                        <a href="#" class="bds_tsina czs-weibo" data-cmd="tsina" title="分享到新浪微博"></a>
                                        <a href="#" class="bds_sqq czs-QQ" data-cmd="sqq" title="分享到QQ"></a>
                                        <a href="#" class="bds_more czs-add" data-cmd="more"></a>
                                    </span>
                                <script>
                                    window._bd_share_config={
                                        "common":{
                                            "bdSnsKey":{},
                                            "bdText":"",
                                            "bdMini":"1",
                                            "bdMiniList":false,
                                            "bdPic":"",
                                            "bdStyle":"0"
                                        },
                                        "share":{
                                            bdCustomStyle: themeUrl + '/assets/css/share.css'
                                        }
                                    };
                                    with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src=themeUrl + '/assets/js/bdshare/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
                                </script>
                            </div>
                                            </article>
                                            <section id="post-link">
                <div class="md-6 post-link-previous">
                    上一篇: <a href="#" rel="prev">黑糖丨主题的介绍和购买！</a>                </div>
                <div class="md-6 post-link-next">
                    下一篇: <a href="#" rel="next">黑糖丨主题用户购买须知</a>             </div>
            </section>
            <div class="comments">
        <div id="respond" class="comment-respond">
        <h3 id="reply-title" class="comment-reply-title">留言 <small><a rel="nofollow" id="cancel-comment-reply-link" href="#" style="display:none;">取消回复</a></small></h3>           <form action="http://heitang.chuangzaoshi.com/wp-comments-post.php" method="post" id="commentform" class="comment-form">
                <p class="comment-form-comment"><label for="comment">评论</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" aria-required="true" required="required"></textarea></p><p class="comment-form-author"><input id="author" name="author" placeholder = "昵称" type="text" value="" size="30" /></p>
<p class="comment-form-email"><input id="email" name="email" placeholder = "邮箱" type="text" value="" size="30" /></p>
<p class="comment-form-url"><input id="url" name="url" placeholder = "网址" type="text" value="" size="30" /></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="确定" /> <input type='hidden' name='comment_post_ID' value='24' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p>            </form>
            </div><!-- #respond -->
        <div class="comments-title">
        评论(1)   </div>
    <ul class="comments-list">
            <li class="comment even thread-even depth-1" id="li-comment-26">
        <div id="comment-26">
            <div class="comment-avatar">
                <img src="https://secure.gravatar.com/avatar/ae736c591e71c587167c09f512559c36?s=96" class="avatar avatar-96" height="96" width="96">            </div>
            <div class="comment-body" >
                <span class="comment-user"><a href='http://www.huahuishuo.com' rel='external nofollow' class='url'>花卉说</a></span>                <p>不错的主题。</p>
                                <div class="comment-meta">
                    <a href="#" class="comment-date">
                        06-18-2017                    </a>
                    <span class="comment-action">
                        <a rel='nofollow' class='comment-reply-link' href='http://heitang.chuangzaoshi.com/?p=24&#038;replytocom=26#respond' onclick='return addComment.moveForm( "comment-26", "26", "respond", "24" )' aria-label='回复给花卉说'>回复</a>                                            </span>
                </div>
            </div>
        </div>
</li><!-- #comment-## -->
    </ul>
    </div>      </div>
    </div>
    <div class="col-md-4 ">
        <div class="row" style="padding-left: 30px;">
            <aside id="sidebar">
    <div class="sidebar-wrap">
                                                <div class="affix">
                                    </div>
                <div class='sidebar-article'>
                                                <div class="widget widget-profile-elegant">
                <div class="widget-profile-avatar">
                    <img alt='' src='/static/img/avatar_user_1_1494903592-60x60.png' srcset='/static/img/avatar_user_1_1494903592.png 2x' class='avatar avatar-60 photo' height='60' width='60' />                </div>
                <div class="widget-profile-user">
                    <a href="#" target="_blank">
                        geeker                    </a>
                </div>
                <div class="widget-profile-article">
                    共发表了11篇文章
                </div>
                <div class="widget-profile-description">
                                    </div>
            </div>
        
<div id="widget-tagcloud-3" class="widget widget-tagcloud">        <div class="widget-title"><span>标签云</span></div>
        <div class="tagcloud">
            <a href="#" class="tag-cloud-link tag-link-6 tag-link-position-1" style="font-size: 8pt;" aria-label="AI智能 (6个项目)">AI智能</a>
<a href="#" class="tag-cloud-link tag-link-7 tag-link-position-2" style="font-size: 8pt;" aria-label="Apple (6个项目)">Apple</a>
<a href="#" class="tag-cloud-link tag-link-8 tag-link-position-3" style="font-size: 8pt;" aria-label="UIkit (6个项目)">UIkit</a>
<a href="#" class="tag-cloud-link tag-link-9 tag-link-position-4" style="font-size: 19.565217391304pt;" aria-label="创意工作者 (10个项目)">创意工作者</a>
<a href="#" class="tag-cloud-link tag-link-10 tag-link-position-5" style="font-size: 19.565217391304pt;" aria-label="商业 (10个项目)">商业</a>
<a href="#" class="tag-cloud-link tag-link-11 tag-link-position-6" style="font-size: 17.130434782609pt;" aria-label="应用 (9个项目)">应用</a>
<a href="#" class="tag-cloud-link tag-link-12 tag-link-position-7" style="font-size: 17.130434782609pt;" aria-label="插件 (9个项目)">插件</a>
<a href="#" class="tag-cloud-link tag-link-13 tag-link-position-8" style="font-size: 8pt;" aria-label="模板素材 (6个项目)">模板素材</a>
<a href="#" class="tag-cloud-link tag-link-14 tag-link-position-9" style="font-size: 8pt;" aria-label="游戏 (6个项目)">游戏</a>
<a href="#" class="tag-cloud-link tag-link-15 tag-link-position-10" style="font-size: 8pt;" aria-label="虚拟现实 (6个项目)">虚拟现实</a>
<a href="#" class="tag-cloud-link tag-link-16 tag-link-position-11" style="font-size: 22pt;" aria-label="黑糖主题 (11个项目)">黑糖主题</a>            <a  class="tagcloud-more" href="#" title="更多标签">更多</a>
        </div>
    </div><div id="widget-hotpost-4" class="widget widget-hotpost">        <div class="widget-title"><span>热门文章</span></div>
        <ul class="widget-hotpost-brief">
                                                                                    <li>
                            <i class="czs-angle-right-l"></i>
                            <a href="#">
                                黑糖丨用户手册：安装和使用建议                            </a>
                            <div class="widget-hotpost-brief-time">
                                2017.05.15                            </div>
                        </li>
                                                                                <li>
                            <i class="czs-angle-right-l"></i>
                            <a href="#">
                                黑糖丨主题的介绍和购买！                            </a>
                            <div class="widget-hotpost-brief-time">
                                2017.05.15                            </div>
                        </li>
                                                                                <li>
                            <i class="czs-angle-right-l"></i>
                            <a href="#">
                                黑糖丨特色的[专题首推]板块，让分类更漂亮优雅！                            </a>
                            <div class="widget-hotpost-brief-time">
                                2017.05.15                            </div>
                        </li>
                                                                                <li>
                            <i class="czs-angle-right-l"></i>
                            <a href="#">
                                黑糖丨主题版本更新                            </a>
                            <div class="widget-hotpost-brief-time">
                                2017.05.15                            </div>
                        </li>
                                                                                <li>
                            <i class="czs-angle-right-l"></i>
                            <a href="#">
                                黑糖丨主题用户购买须知                            </a>
                            <div class="widget-hotpost-brief-time">
                                2017.05.15                            </div>
                        </li>
                                                        </ul>
</div>        <div class="widget widget-follow">
        <table>
            <tbody>
            <tr>
                <td class="follow-wechat">
                    <i class="czs-weixin"></i>
                    <div class="follow-wechat-popup">
                        <img src="http://heitang.chuangzaoshi.com/wp-content/themes/BlackCandy-V2.0/assets/images/wechat_official_account.png " alt="wechat">
                    </div>
                </td>
                <td class="follow-weibo">
                    <a target="blank" href="">
                        <i class="czs-weibo"></i>
                    </a>
                </td>
                <td class="follow-qq">
                    <a target="_blank" href="#">
                        <i class="czs-QQ"></i>
                    </a>
                </td>
                <td class="follow-rss">
                    <a target="_blank" href="#"><i class="czs-rss"></i></a>
                </td>
            </tr>
            </tbody>
        </table>
        </div>
                    </div>
                        </div>
</aside>

        </div>
    </div>
    </div>
</main>

<footer id="footer">
    <div class="container" style="position: relative; margin-top: 22px;" data-position="ece10ebaaefdc8ad">
                    <div class="footer-theme hidden-xs">
                <strong class="d-inline-block">黑糖主题<span class="hidden-xs">：</span></strong>
                <span>为极客科技自媒体而设计</span>
            </div>
                            <div class="footer-feature">
                <strong class="pull-left d-inline-block">功能菜单<span class="hidden-xs">：</span></strong>
                <ul id="menu-%e5%8a%9f%e8%83%bd%e8%8f%9c%e5%8d%95" class="footer-menu"><li id="menu-item-77" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77"><a href="#">联系我们</a></li>
<li id="menu-item-79" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79"><a href="#">投稿</a></li>
<li id="menu-item-80" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80"><a href="#">归档</a></li>
<li id="menu-item-81" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-81"><a href="#">友情链接</a></li>
<li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"><a href="#">关于我们</a></li>
</ul>           </div>
        
            <ul class="footer-follow">
        <li class="animate-bg-success animate-bg follow-wechat">
            <a>
                <i class="czs-weixin"></i>
            </a>
            <div class="follow-wechat-popup">
                <img src="http://heitang.chuangzaoshi.com/wp-content/themes/BlackCandy-V2.0/assets/images/wechat_official_account.png " alt="wechat">
            </div>
        </li>
        <li class="animate-bg-error animate-bg">
            <a target="blank" href="">
                <i class="czs-weibo"></i>
            </a>
        </li>
        <li class="animate-bg-primary animate-bg">
            <a href="#" target="_blank">
                <i class="czs-QQ"></i>
            </a>
        </li>
        <li class="animate-bg-warning animate-bg">
            <a href="#" target="_blank">
                <i class="czs-rss"></i>
            </a>
        </li>
    </ul>

                    <div class="footer-friends hidden-xs">
                <strong class='pull-left'>友情链接<span class="hidden-xs">：</span></strong><li><a href="#" target="_blank"><span>WordPress官网</span></a></li>
<li><a href="#" target="_blank"><span>不喜平网页设计</span></a></li>
<li><a href="#" target="_blank"><span>创造狮导航</span></a></li>
<li><a href="#" target="_blank"><span>大仁博客</span></a></li>
<li><a href="#" target="_blank"><span>草莓图标库</span></a></li>
<li><a href="#" target="_blank"><span>阿乞</span></a></li>
<li><a href="#" target="_blank"><span>黑镜主题</span></a></li>
            </div>
            </div>
    <div class="container">
            </div>
    <div class="copyright">
        <div class="container">
            <p>
                Copyright © 2017                黑糖主题 - 为极客、创意工作者而设计 / 版本 V 2.0              <span style="margin-right: 12px;" class="hidden-xs">
                    <a class="site-record" target="_blank" href="#" style="color: #818181;">
                        赣ICP备14004527号-2                    </a>
                </span>
                <script>
                        
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?1219c0da357c18c0b7d4ee72559d39e0";
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(hm, s);
        })();
                    </script>
            </p>
        </div>
    </div>
</footer>
<div class="scrollTop transition">
    <i class="czs-arrow-up-l"></i>
</div>

<li class="change-language hidden">
    <a id="StranLink" class="wencode">繁</a>
</li>
<script type='text/javascript' src='/static/js/jquery.min.js?ver=2.1.4'></script>
<script type='text/javascript' src='/static/js/prism.js?ver=1.5.0'></script>
<script type='text/javascript' src='/static/js/owl.carousel.min.js?ver=2.1.6'></script>
<script type='text/javascript' src='/static/js/jquery.fancybox.min.js?ver=2.1.4'></script>
<script type='text/javascript' src='/static/js/main.js?ver=1.0.0'></script>

<div class="overlay"></div>

<script src="/static/js/echo.js"></script>
<script>
    echo.init({
        offset: 600,
        throttle: 250,
        unload: false,
        callback: function (element, op) {
//                console.log(element, 'has been', op + 'ed')
        }
    });
    // echo.render(); is also available for non-scroll callbacks
</script>
<div class="backdrop transition"></div>
</body>
</html>